<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米秒杀</title>
    <link rel="shortcut icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel=" stylesheet"  href="../css/ms.css">
   
</head>
<body>
    <div class="nav-top" id="f-top">
		<div class="w">
			<div class="nav-l">
				<ul>
					<li>
						<a href="./gw.html"> 小米官网</a>
					</li>
					<li>
						<a href="./shop.html" target="_blank"> <span class="item">|</span> 小米商城</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> MIUI</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> loT</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 云服务天星</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 数科</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 有品小爱开放平台</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 企业团购</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 资质证照</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 协议规则</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 下载app</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 智能生活</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> Select Location</a>
					</li>
				</ul>
			</div>

			<div class="nav-r">
				<form action="">
					<ul>
						<li>
							<a href="./index-4.html"> 登录</a>
						</li>
						<li>
							<a href="./index-4.html"> <span class="item">|</span> 注册</a>
						</li>
					
						<li>
							<a href="#"> <span class="item">|</span> 消息通知</a>
						</li>
						<li>
							<a href="#">
								<div class="cart">
									<i class="iconfont">&#xf0179;</i> 购物车( 0 )
									<div class="cart-bt">
										<a href="#">
											购物车中还没有商品，赶紧选购吧！
										</a>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</form>
			</div>
		</div>
	</div>

    <div class="ms">                <!-- 秒杀部分 -->
        <div class="ms-head">       <!-- 秒杀头部 -->

        </div>
        <div class="con-box">
            <div class="ms-nav">        <!-- 秒杀导航栏 -->
                <ul>
                    <li>
                        <a href="#" data-index="0">  
                            18:00 即将开始
                        </a>  
                    </li>
                    <li>
                        <a href="#" data-index="1">  
                            20:00 即将开始
                        </a>
                    </li>
                    <li>
                        <a href="#" data-index="2">  
                            22:00 即将开始
                        </a>
                    </li>
                    <li>
                        <a href="#" data-index="3">  
                            24:00 即将开始
                        </a>
                    </li>
                    <li>
                        <a href="#" data-index="4">  
                            12:00 即将开始
                        </a>
                    </li>
                </ul>
            </div>
            <div class="ms-con first">        <!-- 秒杀导航栏第一个内容 -->
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-1.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-2.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-3.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-4.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-6.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-7.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-8.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-9.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">日常元素 垃圾袋 3袋家庭装</a>
                        <p class="tips">让清洁更简单</p>
                        <p class="price">32.90元 <del>44.70元</del></p>
                        <a href="#" class="btn-1">登录后抢购</a>
                        <p class="person">已有66666人设置提醒</p>
                    </div>
                </div>
            </div>

            <div class="ms-con second">        <!-- 秒杀导航栏第二个内容 -->
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-2.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米小型电动车 白色</a>
                        <p class="tips">小电池，大续航</p>
                        <p class="price">1299元 <del>2299元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
            </div>

            <div class="ms-con third">        <!-- 秒杀导航栏第三个内容 -->
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-3.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米笔记本 黑色</a>
                        <p class="tips">超强性能，极致的体验</p>
                        <p class="price">4299元 <del>5299元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
            </div>

            <div class="ms-con fouth">        <!-- 秒杀导航栏第四个内容 -->
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-4.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">斑布 卫生纸</a>
                        <p class="tips">三层叠加，更厚实</p>
                        <p class="price">19.9元 <del>22.99元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
                <div class="ms-con-box">
                    
                </div>
            </div>

            <div class="ms-con fifth">        <!-- 秒杀导航栏第五个内容 -->
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div> 
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
                <div class="ms-con-box">
                    <div class="ms-con-box-photo">
                        <img src="../images/ms-con-5.jpg" alt="">
                    </div>
                    <div class="ms-con-box-text">
                        <a href="" class="name">小米电脑包 灰色</a>
                        <p class="tips">不沾水，大容量</p>
                        <p class="price">199元 <del>229元</del></p>
                        <a href="" class="btn-1">登录后抢购</a>
                        <p class="person">已有83852人设置提醒</p>
                        
                    </div>
                </div>
            </div>
        </div>
        
        <div class="ms-notice">                       <!-- 秒杀注意内容 -->
            *小米秒杀活动规则：<br>
            1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；<br>
            2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付;<br>
            3.秒杀价不含运费，最终以订单结算页价格为准；<br>
            4.订单中商品的数量、颜色、型号等，以订单结算页为准。<br>
            温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。
        </div>                           
    </div>

    
    <script src="../js/ms.js"></script>
</body>
</html>